<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
		<title>资质审核列表</title>
		<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
		
		<style type="text/css">
			.active_tab{
				border-bottom: 2px solid #6e8cd7;
    			color: #6e8cd7!important;
			}
			.report_tab{
				width: 120px;
	   			text-align: center;
	   			padding-bottom: 10px;
				cursor:pointer;
			}
			
			.select_w{
			    width: 50%;
			}
		</style>
	</head>
	<body>
		<!-- Preloader -->
		<div class="animationload">
			<div class="loader">
				Loading...
			</div>
		</div>
		<!-- End Preloader -->
        <div class="container-fluid">
        	<!-- 初始状态 未审核 -->
        	<input type="hidden" id="doctorVerifySt" value="15"/>
        
        	<section id="doctor_verify" class="verify-toggle" >
	        	<!-- 头部信息 -->
	        	<div class="row">
	        		<div class="col-xs-8">
	        			<label id="noVerify" class="report_tab active_tab" style="margin: 20px 20px 30px 0px;">未审核（<span id="noVerifyCnt"></span>）</label>
	        			<span>|</span>
	        			<label id="verified" class="report_tab" style="margin: 20px 20px 30px 20px;">已审核（<span id="verifyCnt"></span>）</label>
	        		</div>
	        	</div>
	        	
	        	<div class="row">
	        		<div class="col-xs-12" id="verified-search-key" style="display:none;">
	           			<div class="form-inline">
		           			<div class="form-group">
			      				<select class="form-control" id="year" name="year" style="margin-right:5px;">
									<c:forEach var="year" begin="${thisYear-10}" end="${thisYear}" step="1">
										<option value="${year}"<c:if test="${year eq thisYear}"> selected="selected"</c:if>>${year}</option>
									</c:forEach>
								</select>年
								<select class="form-control" id="month" name="month" style="margin-right:5px;">
									<option value="01"<c:if test="${thisMonth eq '01'}"> selected="selected"</c:if>>01</option>
									<option value="02"<c:if test="${thisMonth eq '02'}"> selected="selected"</c:if>>02</option>
									<option value="03"<c:if test="${thisMonth eq '03'}"> selected="selected"</c:if>>03</option>
									<option value="04"<c:if test="${thisMonth eq '04'}"> selected="selected"</c:if>>04</option>
									<option value="05"<c:if test="${thisMonth eq '05'}"> selected="selected"</c:if>>05</option>
									<option value="06"<c:if test="${thisMonth eq '06'}"> selected="selected"</c:if>>06</option>
									<option value="07"<c:if test="${thisMonth eq '07'}"> selected="selected"</c:if>>07</option>
									<option value="08"<c:if test="${thisMonth eq '08'}"> selected="selected"</c:if>>08</option>
									<option value="09"<c:if test="${thisMonth eq '09'}"> selected="selected"</c:if>>09</option>
									<option value="10"<c:if test="${thisMonth eq '10'}"> selected="selected"</c:if>>10</option>
									<option value="11"<c:if test="${thisMonth eq '11'}"> selected="selected"</c:if>>11</option>
									<option value="12"<c:if test="${thisMonth eq '12'}"> selected="selected"</c:if>>12</option>
								</select>月
					    	</div>
	            			
	            			<div class="form-group">
								审核状态
								<div class="input-group">
									<select id="registryStatus" class="form-control">
		            					<option value="9">全部</option>
		            					<option value="0">通过</option>
		            					<option value="-1">不通过</option>
									</select>
						    	</div>
						  	</div>
						  	<div class="form-group">
								审核员
								<div class="input-group">
									<select id="registryStatus" class="form-control">
		            					<option value="9">全部</option>
		            					<option value="0">通过</option>
		            					<option value="-1">不通过</option>
									</select>
						    	</div>
						  	</div>
	            			<div class="form-group">
								诊所名
								<div class="input-group">
	        						<input type="text" class="form-control" style="ime-mode:inactive" id="institutionName" autocomplete="off">
						    	</div>
						  	</div>
	           				<div class="form-group">
								<div class="input-group">
	        						<button type="button" id="search" class="btn btn-primary"  style="width:90px;">搜索</button>
						    	</div>
						  	</div>
	           			</div>
	           		</div>
	        	</div>
	        	<div class="row" style="padding-left:0px;">
	           		<div class="col-xs-12">
	           			<table class="table table-condensed table-hover table-bordered">
	           				 <thead>
						        <tr>
						            <th width="8%" class="text-center">医师姓名</th>
			           				<th width="16%" class="text-center">所在机构</th>
									<th width="8%" class="text-center">提交时间</th>
									<th width="8%" class="text-center">状态</th>
									<th width="8%" class="text-center">操作</th>
						        </tr>
						     </thead>
						     <tbody id="tbodySpecimenList">
						     </tbody>
						</table>
           			</div>
           		</div>
        	</section>
        	<!-- 明细 -->
        	<section id="doctor_verify_detail" class="verify-toggle" style="display:none;">
				<header style="border-bottom: 1px solid #F3F3F7; margin-bottom: 5px;">
					<div class="row">
						<div class="col-md-2">
							<h3 id="headTitle" style="margin-top: 10px; font-size: 20px;">
			        			<i class="fa fa-long-arrow-left" style="color: #c5c5c5; border-right:1px solid #c5c5c5;padding-right: 5px;" id="backToWorkspace"></i>
			        			<span style="margin-right:50px;">资质审核</span>
			        		</h3>
						</div>
						<div class="col-md-8 text-center">
							<h3><span id="doctor_name_dis">医生名字</span></h3>
						</div>
					</div>
	        	</header>
	        	
	        	<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">姓名</label>
					</div>
					<div class="col-md-4">
						<input type="text" readonly class="form-control" id="name" >
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">身份证号</label>
					</div>
					<div class="col-md-4">
						<input type="text" readonly class="form-control" id="id_card" >
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">手机号</label>
					</div>
					<div class="col-md-4">
						<input type="text" readonly class="form-control" id="phone" >
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">医生资格证书</label>
					</div>
					<div class="col-md-4">
						<input type="text" class="form-control" readonly id="qualification" >
						<ul class="list-inline">
							<li>
							  	<div class="text-center" id="upload-btn" style="width: 140px;">
							      <img src="img/addImg.jpeg" height="120px" ondragstart="return false;">
							    </div>
							</li>
					  	</ul>
					  	<p>注：医师资格证书照片必须包含姓名，证书编号的信息页</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">医师执业证书</label>
					</div>
					<div class="col-md-4">
						<input type="text" class="form-control" readonly id="doctor_licence" >
						<ul class="list-inline">
							<!-- 
							<li id="qr_li" style="display:none;">
							  	<div class="text-center" style="width: 140px;">
							  	  扫描二维码上传照片
							      <img id="qr_img" src="" height="140px" ondragstart="return false;">
							    </div>
							</li> -->
							<li>
							  	<div class="text-center" id="upload-btn-doctor_licence" style="width: 140px;">
							      <img src="img/addImg.jpeg" height="120px" ondragstart="return false;">
							    </div>
							</li>
					  	</ul>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">职称</label>
					</div>
					<div class="col-md-4">
						<select class="form-control select_w" disabled id="technical_title" >
							<option value="-1"></option>
							<c:forEach var="a" items="${technicalTitleList}">
						     	<option value="${a.codeCategoryName}">${a.value}</option>
						    </c:forEach>
						</select>
					</div>
					<div class="col-md-3">
						<label class="column" style="margin-left: -70%;">注：如为主治医师及以上，需提供对应的职称证书</label>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">执业范围</label>
					</div>
					<div class="col-md-4">
						<select class="form-control select_w" disabled id="scope_practice" >
							<option value="-1"></option>
							<c:forEach var="a" items="${scopePracticeList}">
						     	<option value="${a.codeCategoryName}">${a.value}</option>
						    </c:forEach>
						</select>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">抗菌药物处方权</label>
					</div>
					<div class="col-md-4">
						<input type="text" readonly class="form-control" id="antibiosis_authority" >
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-right">
						<label class="required column">麻醉药品和第一类精神药品处方资格</label>
					</div>
					<div class="col-md-4">
						<input type="text" readonly class="form-control" id="anesthetic_authority" >
					</div>
				</div>
			</section>
		</div>
		
		<div class="modal fade" tabindex="-1" role="dialog" id="showVerifyModal">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 id="imageModalTitle" class="modal-title">不通过原因</h4>
		      </div>
		      <div class="modal-body">
		        <div class="row" style="padding-left:0px;">
	           		<div class="col-xs-12">
	           			
	        		</div>
	        	</div>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		
		<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/wn-validator.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/doctor_verify/doctor_verify_list.js?V0.1"/>" type="text/javascript"></script>
	</body>
</html>
